<template>
	<van-tabs v-model="activeName" sticky :offset-top='46'>
		
		<van-tab title="推荐" name="a">
			<Rotation></Rotation>
			<Icons></Icons>
			<Headline></Headline>
			<Recommend></Recommend>
			<Suggest></Suggest>
		</van-tab>
		
		<!-- 金骏眉 -->
		<van-tab title="金骏眉" name="b">
			<Category :imgs='jinjunmei'></Category>
		</van-tab>
		
		<!-- 大红袍 -->
		<van-tab title="大红袍" name="c">
			<Category :imgs='dahongpao'></Category>
		</van-tab>
		
		<!-- 铁观音 -->
		<van-tab title="铁观音" name="d">
			<Category :imgs='tieguanyin'></Category>
		</van-tab>
		
		<!-- 绿茶 -->
		<van-tab title="绿茶" name="e">
			<Category :imgs='nvcha'></Category>
		</van-tab>
		
		<!-- 普洱 -->
		<van-tab title="普洱" name="f">
			<Category :imgs='puer'></Category>
		</van-tab>
		
		<!-- 茶具 -->
		<van-tab title="茶具" name="g">
			<Category :imgs='chaju'></Category>
		</van-tab>
		
	</van-tabs>
</template>

<script>
	
	import Rotation from '@/components/Home/Rotation'
	import Icons from '@/components/Home/Icons'
	import Headline from '@/components/Home/Headline'
	import Recommend from '@/components/Home/Recommend'
	import Suggest from '@/components/Home/Suggest'
	import Category from '@/components/Home/Category'
	
	export default {
		name:'Tab',
		components:{Rotation,Icons,Headline,Recommend,Suggest,Category},
		 data() {
			return {
				activeName: 'a',
				jinjunmei:[
					{imgURL:'./images/home/JinJunmei/jinjunmei1.jpg'},
					{imgURL:'./images/home/JinJunmei/jinjunmei2.jpg'},
					{imgURL:'./images/home/JinJunmei/jinjunmei3.jpg'},
					{imgURL:'./images/home/JinJunmei/jinjunmei5.jpg'},
					{imgURL:'./images/home/JinJunmei/jinjunmei5.jpg'},
					{imgURL:'./images/home/JinJunmei/jinjunmei6.jpg'},
				],
				dahongpao:[
					{imgURL:'./images/home/dahongpao/dahongpao1.jpg'},
					{imgURL:'./images/home/dahongpao/dahongpao2.jpg'},
					{imgURL:'./images/home/dahongpao/dahongpao3.jpg'},
					{imgURL:'./images/home/dahongpao/dahongpao5.jpg'},
					{imgURL:'./images/home/dahongpao/dahongpao5.jpg'},
					{imgURL:'./images/home/dahongpao/dahongpao6.jpg'},
				],
				tieguanyin:[
					{imgURL:'./images/home/tieguanyin/tieguanyin1.jpg'},
					{imgURL:'./images/home/tieguanyin/tieguanyin2.jpg'},
					{imgURL:'./images/home/tieguanyin/tieguanyin3.jpg'},
					{imgURL:'./images/home/tieguanyin/tieguanyin5.jpg'},
					{imgURL:'./images/home/tieguanyin/tieguanyin5.jpg'},
					{imgURL:'./images/home/tieguanyin/tieguanyin6.jpg'},
					{imgURL:'./images/home/tieguanyin/tieguanyin7.jpg'},
				],
				nvcha:[
					{imgURL:'./images/home/nvcha.jpg'},
				],
				puer:[
					{imgURL:'./images/home/puer.jpg'},
				],
				chaju:[
					{imgURL:'./images/home/chaju.jpeg'},
				],
			};
		},
	
	};
</script>

